<template>
  <div class="menuList">
    <t-tabs mode="pills">
      <t-tab-panel label="菜单权限" name="tab-1">
        <menu-auth></menu-auth>
      </t-tab-panel>
      <t-tab-panel label="实体权限" name="tab-2">
        <entity-auth></entity-auth>
      </t-tab-panel>
      <t-tab-panel label="接口权限" name="tab-3">
        <interface-auth></interface-auth>
      </t-tab-panel>
      <t-tab-panel label="数据权限" name="tab-4">
        <data-auth></data-auth>
      </t-tab-panel>
    </t-tabs>
  </div>
</template>
<script>
import MenuAuth from './MenuAuth.vue'
import EntityAuth from '../entityAuth/EntityAuth.vue'
import InterfaceAuth from '../interfaceAuth/InterfaceAuth.vue'
import DataAuth from '../dataAuth/DataAuth.vue'
export default {
  components: {
    MenuAuth,
    EntityAuth,
    InterfaceAuth,
    DataAuth
  },
  data() {
    return {

    }
  },
  methods: {

  }
}
</script>
<style lang="scss" scoped>
.menuList {
  .nav {
    width: 72%;
  }
}
</style>

